<!doctype html>
<html>
 <head>
  <title>IE7 {CSS2: auto}</title>

  <!-- Compliance patch for Microsoft browsers -->
  <!--[if lt IE 9]><script src="../trunk/lib/IE9.js"></script><![endif]-->

  <style>

   li:first-child {

    background-color: yellow;

   }

  </style>
 </head>
 <body>
  <script src="ie7-demo.js"></script>
  <h2>:first-child</h2>

  <ul>
   <li>first-child</li>
   <li>overlooked middle-child</li>
   <li>last-child</li>
  </ul>

  <p>&lt;&nbsp;<a href="index.html">back</a></p>
 </body>
</html>
